document.addEventListener("DOMContentLoaded", () => {
  const eventsSlider = new Swiper(".events__slider", {
    // direction: "vertical",
    slidesPerView: 3,
    spaceBetween: 50,
    // loop: false,
    // grid: {
    //     rows: 1,
    //     fill: "row"
    // },
    pagination: {
      el: ".events-pagination",
      // type: "fraction",
      clickable: true,
      // dynamicBullets: true,
      // dynamicMainBullets: 3,
    },

    // navigation: {
    //     nextEl: ".events-navigation .nav-btn-next",
    //     prevEl: ".events-navigation .nav-btn-prev"
    // },

    navigation: {
      nextEl: ".events__nav-btn-next",
      prevEl: ".events__nav-btn-prev",
    },

    // navigation: {
    //     nextEl: ".swiper-button-next",
    //     prevEl: ".swiper-button-prev",
    // },

    breakpoints: {
      1200: {
        slidesPerView: 3,
        spaceBetween: 50,
      },

      768: {
        slidesPerView: 3,
        spaceBetween: 27,
      },

      565: {
        slidesPerView: 2,
        spaceBetween: 34,
      },

      320: {
        slidesPerView: 1,
      },
    },

    a11y: {
      prevSlideMessage: "Предыдущий слайд",
      nextSlideMessage: "Следующий слайд",
    },
    keyboard: {
      enabled: true,
      onlyInViewport: true,
    }, // можно управлять с клавиатуры стрелками влево/вправо

    // Дальнейшие надстройки делают слайды вне области видимости не фокусируемыми
    // watchSlidesProgress: true,
    // watchSlidesVisibility: true,
    // slideVisibleClass: "slide-visible",
    // on: {
    //     init: function() {
    //         this.slides.forEach((slide) => {
    //             if (!slide.classList.contains("slide-visible")) {
    //                 slide.tabIndex = "-1";
    //             } else {
    //                 slide.tabIndex = "";
    //             }
    //         });
    //     },
    //     slideChange: function() {
    //         this.slides.forEach((slide) => {
    //             if (!slide.classList.contains("slide-visible")) {
    //                 slide.tabIndex = "-1";
    //             } else {
    //                 slide.tabIndex = "";
    //             }
    //         });
    //     },
    // },
  });
});
